<template>
  <div id="root">
    <router-view :key="$route.fullPath" v-if="isRouterAlive" />
  </div>
</template>
<script>
  export default {
    name: 'App',
    provide () {
      return {
        reload: this.reload
      }
    },
    data () {
      return {
        isRouterAlive: true
      }
    },
    methods: {
      reload () {
        this.isRouterAlive = false
        this.$nextTick(() => {
          this.isRouterAlive = true
        })
      }
    }
  };
</script>
<style lang="less">
  #root {
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
  }

  #nav {
    padding: 30px;

    a {
      font-weight: bold;
      color: #2c3e50;

      &.router-link-exact-active {
        color: #389725;
      }
    }
  }

  html {
    width: 100%;
    height: 100%;
  }

  body {
    width: 100%;
    height: 100%;
  }

  .pageWrapper {
    .ivu-layout-sider {
      transition: all 0.2s ease-in-out;
      position: relative;
      background: #fff;
      min-width: 0;
    }
    .ivu-form {
      .ivu-form-item-label {
        padding-right: 2px;
        font-weight:bold;
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
      }
    }

    .ivu-card{
      margin-bottom: 15px;
    }
    .ivu-form-item-content {
      display: flex;
      display: -webkit-flex;
    }

    .queryItem {
      padding: 20px 40px 0 40px;
      margin: 0 auto;
    }

    .ivu-date-picker {
      width: 100%;
    }

    .ivu-form-inline .ivu-form-item {
      width: 90%;
    }

    .ivu-form-inline .ivu-input {
      //min-width: 140px;
    }

    .ivu-input,
    .ivu-select {
      min-width: 120px;
    }

    .ivu-form-item {
      margin-bottom: 12px;
    }

    th .ivu-table-cell {
      display: inline-block;
      word-wrap: normal;
      vertical-align: middle;
      font-size: 12px;
    }

    .btnWrapper {
      text-align: center;
      padding: 4px 0;
    }

    .btnWrapper span {
      padding: 0 4px;
      color: hsl(211, 87%, 56%);
      cursor: pointer;
    }

    .queryBtn .ivu-form-item-content {
      margin: 0 !important;
    }
  }

  .ivu-modal {
    .ivu-modal-footer {
      text-align: center;
      border-top: 0;
      padding: 0 0 30px 0;
    }

    .ivu-modal-body {
      padding: 16px 30px;
    }

    .ivu-modal-confirm {
      padding: 6px 0px 8px;
    }

    .selfConfirm {
      font-size: 16px;
      color: hsl(221, 45%, 16%);
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .selfConfirmRule {
      font-size: 16px;
      color: hsl(221, 45%, 16%);
      font-weight: 500;
    }
  }
</style>
